<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>邹平市图书馆云展厅</title>
    <meta content="全红色记忆，年代感，展览，视频，献礼建国70年，辉煌变迁" name="keywords">
    <style>
      @charset "utf-8";
      /*通用样式*/
      *{margin:0; padding:0;}
      html{touch-action: manipulation;}
      body,html{height:100%;}
      body{margin:0;padding:0;font-family:"黑体";background: rgba(84,182,243,1);background-size:100%;}
      body:before {content:' ';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background: rgba(84,182,243,1);background-size:100%;}
      ul,ol,dl{list-style:none;}
      img{border:none;}
      a{text-decoration:none;
      -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
      -moz-tap-highlight-color:rgba(0, 0, 0, 0);
      -ms-tap-highlight-color:rgba(0, 0, 0, 0);
      -o-tap-highlight-color:rgba(0, 0, 0, 0);
      tap-highlight-color:rgba(0, 0, 0, 0);}
      form,input{vertical-align:middle;margin:0;padding:0;border:0;}
      i{ font-style:normal;}
      html {
          font-size: 32px;
      }

      @media only screen and (min-width: 399px) {
          html {
              font-size: 40px !important;
          }
      }

      @media only screen and (min-width: 431px) {
          html {
              font-size: 43.2px !important;
          }
      }

      @media only screen and (min-width: 479px) {
          html {
              font-size: 48px !important;
          }
      }

      @media only screen and (min-width: 539px) {
          html {
              font-size: 54px !important;
          }
      }

      @media only screen and (min-width: 639px) {
          html {
              font-size: 64px !important;
          }
      }

      @media only screen and (min-width: 719px) {
          html {
              font-size: 72px !important;
          }
      }

      @media only screen and (min-width: 1079px) {
          html {
              font-size: 72px !important;
          }
      }

      @media only screen and (min-width: 1199px) {
          html {
              font-size: 72px !important;
          }
      }

      @media only screen and (min-width: 1439px) {
          html {
              font-size: 72px !important;
          }
      }

      @media only screen and (min-width: 1919px) {
          html {
              font-size: 72px !important;
          }
      }

      @media only screen and (min-width: 2559px) {
          html {
              font-size: 72px !important;
          }
      }
    </style>
  </head>
  <body ontouchstart>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
